/* reset style */
*{
    padding:0px;
    margin:0px;
}
ul,li,ol{
    list-style:none;
}
a{
    color:#000;
}
/* end reset*/
html,body{
    font-family:arial,tahoma,sans-serif;
    font-size:12px;
    background:#ccc;
}
#header,#menu,#content,#footer{
    margin:0px auto;
    width:100%;
    clear:both;
}
/* style css header */
#header{
    height:50px;    
    position:relative;
    background-color: #FFF;
}
#header img:first-child{
    position:absolute;
    top:0px;
    left:5px;
}
#header #log_user{
    position:absolute;
    top:25px;
    right:15px;
}
#flag_jp{
    margin-right: 5px;
    margin-left: 10px;
    position: absolute;
    top:85px;
    right:40px;
}
#flag_en{
    position: absolute;
    top:85px;
    right:15px;    
}
#flag_jp,#flag_en{    
    cursor: pointer;
}
#log_user a,#log_user label{
    padding-right:5px;
    color:#c4181f;    
    font-size: 16px;
}
#log_user a{
    color:#c4181f;    
}
#log_user a:hover{
    color:#c4181f;  
    text-decoration:underline;
}
/* end style css header */
/* style css menu */
#logo_soft{
    float:left;
    height: 64px;
    line-height: 64px;
}
#logo_soft img,h2{
    float:left;
}
#logo_soft img{
    padding-right: 5px;
    margin-top: 10px;
    margin-left: 10px;
}
#logo_soft h2{
    padding-right: 50px;
}
#logo_soft h2 a{
    text-decoration:none;
}
.menu{
    float:left;
}
#nav_menu{
    height:64px;
    background:url(../images/bg_menu.png) repeat-x;
}
#nav_menu ul.menu > li{
    float:left;
    height:64px;
    line-height:64px;
    padding:0px 10px;
}
#nav_menu ul.menu > li > a{
    color:#000;
    font-weight:bold;    
    font-size:12px;
    text-decoration:none;
    text-transform:uppercase;
}
#nav_menu ul.menu > li:hover{
    //background:url(../images/bg_menu_li.png) repeat-x;
    background-color: #999;
    text-transform: none;
    border-radius: 5px 5px 0px 0px;
}
#nav_menu ul.menu > li:hover a{
    color:#FFF;
    font-weight: bold;

}
#nav_menu ul.menu > li.active{
    // background:url(../images/bg_menu_li.png) repeat-x;
    //background-color: #999;

}
#nav_menu ul.menu > li.active > a{
    //color: #FFF !important;
}
#nav_menu ul li{
    position:relative;

}
#nav_menu ul li:last-child{
    border-radius: 0px 0px 5px 5px;
}
#nav_menu li ul{
    position:absolute;
}
#nav_menu ul li ul.sub-menu{
    display:none;
    width:170px;
    margin-left:-10px;
    margin-top:-1px;
    z-index:999;
}
ul.sub-menu > li{
    float:left;    
    height:20px;
    line-height:20px;
    padding:5px 5px 5px 5px;
    background:#999;
    border-bottom:0px solid #F5F5F5;
    min-width: 177px;

}
ul.sub-menu > li a{
    text-decoration:none;
    color: #FFF !important;

}
ul.sub-menu > li:hover{
    background:#00b7ea ;

}
ul.sub-menu > li:last-child:hover{
    background:#00b7ea ;
    border-radius: 0px 0px 5px 5px;
}
/* end style css menu */
/* style css content */
#main_content{
    height:auto;    
    padding:12px;
    min-height:400px;
    width: 98%;
    margin: 0 auto;
}
.other{
    background:#fff;
}
.login_app{
    background:url(../images/bg_login.png) no-repeat;
}
#login{
    position:absolute;
    width:270px;
    bottom:20px;
    right:40px;
    border:1px solid #ccc;
    padding:20px;
    border-radius:10px;
    -webkit-border-radius:10px;
}
#login input{
    padding:2px;
    margin-bottom:10px;
    margin-left:20px;

    background-image: none;
    border: 1px solid #999;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    display: block;     
    line-height: 1.42857;
    padding: 2px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 95%;
}

input[type="text"], input[type="textarea"]{ border: 1px solid #999 !important;
    border-radius: 4px;
}
input[readonly="readonly"]{
    max-width: 50px;
    border: none !important;
}
#login input:focus{ border-color:#66afe9;
}
input:focus{ border-color:#66afe9 !important;
}        
#login select{
    padding:1px;
    margin-bottom:10px;
    margin-left:20px;

    background-image: none;
    border: 1px solid #999;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    display: block;     
    line-height: 1.42857;
    padding: 2px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}
#login table td a{
    font-weight:bold;
    color:#f00;
    text-decoration:underline;
}
#login table td .error{
    display: block;
    clear: both;
}
#login input#submit{
    background:none;
    width:80px;
    height:25px;
    border-radius:0px;
    background:#158AEA;
    border:none;
    cursor:pointer;

    font-size: 12px;
    font-weight: bold;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 8px rgba(0,0,0,0.2);

    background: -moz-linear-gradient(top, #00b7ea 0%, #009ec3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* IE10+ */
    background: linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 ); /* IE6-9 */
}
.form_search{
    float:left;
    width:595px;
    margin:20px 20px 0px 0px;
    padding:20px;
    height:auto;
    border:1px solid #ccc;
    border-radius:5px;
    -webkit-border-radius:5px;
}
.form_add{
    width:920px;
    margin:20px 20px 20px 0px;
    height:auto;
}
.add_data tr td{
    padding-bottom:10px;
    padding-right:20px;

}
.add_data td input[type="text"],.add_data td input[type="password"],input[type="textarea"], select{
    padding:5px;
    border: 1px solid #999 !important;
    border-radius: 4px;

}
.add_data td input:focus{
    border-color:#66afe9 !important;
}
.form_search label{
    padding:0px 15px 0 0;
}
.form_search input,.form_search select{
    padding:5px;
}
.form_search input.search, .form_search input.reset{
    float:right;
    margin:0px 5px;
}
.new_regis{
    padding:5px 10px;
    text-decoration:none;
    background:#158AEA;
    margin-top:20px;
    color:#fff;
    clear:both;
    float:left;

    font-size: 12px;
    font-weight: bold;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 8px rgba(0,0,0,0.2);

    background: -moz-linear-gradient(top, #00b7ea 0%, #009ec3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* IE10+ */
    background: linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 ); /* IE6-9 */
}
.new_regis1 {
    padding:5px 15px;

    text-decoration:none;
    background:#6997db;
    margin-top:20px;
    color:#fff;
    margin-left: 5px;

    font-size: 12px;
    font-weight: bold;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 8px rgba(0,0,0,0.2);

    background: -moz-linear-gradient(top, #00b7ea 0%, #009ec3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* IE10+ */
    background: linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 ); /* IE6-9 */
}
.register{
    padding:5px;
    border:1px solid #ccc;
    text-decoration:none;
    background:#6997db;
    margin-top:-5px;
    color:#fff;
    float:right;

    font-size: 12px;
    font-weight: bold;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 8px rgba(0,0,0,0.2);

    background: -moz-linear-gradient(top, #00b7ea 0%, #009ec3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* IE10+ */
    background: linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 ); /* IE6-9 */
}
.btn,
input[type="button"],
input[type="reset"] {
    background: none repeat scroll 0 0 #158AEA;
    border: none;
    color: #FFFFFF;
    height: 26px;
    width: 75px;

    font-size: 12px;
    font-weight: bold;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 8px rgba(0,0,0,0.2);

    background: -moz-linear-gradient(top, #00b7ea 0%, #009ec3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* IE10+ */
    background: linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 ); /* IE6-9 */
}
.table_list{
    float:left;
    height:auto;
    width:100%;
    margin:20px 0px;
}
.list_view_data th{
    border-right:1px solid #ccc;
    border-top:1px solid #ccc;
    /*padding:5px 5px;*/
    padding: 2px;
    text-align:center;
    background:url(../images/bg_table.png) repeat-x;
}
.list_view_data th:first-child{
    border-left:1px solid #ccc;
}
.list_view_data td{
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
    padding:5px 2px;
}
.list_view_data td:first-child{
    border-left:1px solid #ccc;	
}
td a.h_td_name{
    color:#286bcc;
    text-decoration:underline;
}
.hasDatepicker{
    float:left;
}
.dateicon{
    background:url(../images/calendaricon.gif) no-repeat;
    width:22px;
    height:22px;
    display:block;
    float:left;
    margin-left:4px;
}
.h_pagination{
    float:left;
    clear:both;
    height:30px;
}
.h_pagination a{
    float:left;
    height:15px;
    line-height:15px;
    padding:3px 6px;
    border:1px solid #ccc;
    margin:0px 4px;
    text-decoration:none;
    background:#ccc;
    border-radius: 10px;


}
.h_pagination a.h_pagination_active{
    color:#fff;
    background:#666;
    font-weight: bold;
}
.h_pagination a:hover{
    color:#fff;
    background:#666;	
}
/* end style css content */
/* style css footer */
#footer{
    /*    background:url(../images/bg_footer.png);*/
    height:42px;
    text-align:center;
    color:#fff;
    position:relative;
    background-color: #C4181F;
}
#footer p:first-child{
    line-height:42px;
}
#footer p#info_help{
    position:absolute;
    top: 3px;
    right:5px;
}
#footer p#info_help a{
    padding-right:10px;
    color:#fff;
}
#footer p#info_date{
    position:absolute;
    bottom: 2px;
    right:5px;
}
#footer p#info_date a{
    color:#fff;
    text-decoration:none;
    font-size:11px;
    font-style:italic;
}
/* end style css footer */
/*
add css
*/
/* CSS Document */
a{
    text-decoration: none;
}
#err{
    /*float: right;*/
    color: red;
    margin-left: 20px;
}
#content{
    background: #FFF;
    padding: 10px 0 10px 0;
    min-height: 500px;
    float:left;     

}
.clr{
    clear: both;
}
/* form upload file CSV
******************************/
fieldset{
    margin: 0 auto;
    margin-top: 20px;
    padding: 30px;
    border-radius: 16px;
    font-size: 20px;
}
.uploadcsv{
    margin: 50px
}
.uploadcsv input[type='text']{
    height: 21px;
    width: 200px;
    border-radius: 4px;
    padding: 5px;
}
.uploadcsv input[type='file']{
    display: none;
}
.uploadcsv input[type='button']{
    height: 23px;
    width: 91px;

    font-size: 12px;
    font-weight: bold;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 8px rgba(0,0,0,0.2);

    background: -moz-linear-gradient(top, #00b7ea 0%, #009ec3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* IE10+ */
    background: linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 ); /* IE6-9 */
}

.uploadcsv h3{
    margin-bottom: 30px;
    font-size: 20px;
}
.uploadcsv fieldset{
    width: 200px;
}
/*table{
    height: 100px;
    text-align: center;
    font-size: 17px;
}*/
#upfile{
    /*text-align: center;*/
    height: 100px;
}

input[type='submit']{
    background: #158aea;
    height: 26px;
    width: 75px;
    border: none;
    color: #FFF;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;


    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 8px rgba(0,0,0,0.2);

    background: -moz-linear-gradient(top, #00b7ea 0%, #009ec3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* IE10+ */
    background: linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 ); /* IE6-9 */
}
/* table review data
***************************************/
.upload fieldset{
    width: 90%;
}
.upload{
    padding: 10px;
}
.upload h3{
    margin-bottom: 30px;
    font-size: 17px;
}
.upload h4{
    margin-bottom: 30px;
    font-size: 14px;
}
.upload table{
    text-align: center;
    border-collapse: collapse;
    border-width: .5px;
    font-size: 13px;
    margin-bottom: 20px;
}
.upload table th{
    background: url('../images/bg_th.png');
}
.upload #th{
    height: 20px;
    font-size: 13px;
}
.upload table tr td{
    padding: 10px;
}
#save img{
    cursor: pointer;
    width: 30px;
    float: right;margin-bottom: 10px
}
.upload select{
    width: 175px;
}
.upload input{
    background: #158aea;
    height: 30px;
    width: 99px;
    border-radius: 5px;
    color: #FFF;
}
/* css view timecard file
******************************/
.timecard{
    margin-top: 20px;
}
.timecard table{
    text-align: center;
    font-size: 11px;
    border-collapse: collapse;
    min-width: 100%;
}
.timecard table th{
    background: #CCC url('../images/bg_th.png') repeat-x;
}
.timecard h2{
    /*margin: 0 auto;*/
    /*text-align: center;*/
    /*background: url('../images/bg_title.png') repeat-x;*/
    /*color: #FFF;*/
    /*border: 1px solid;*/
    padding: 3px;
    /*margin-left: 33%;*/
    margin-bottom: 30px;
    /*margin-top: 57px;*/
}
.timecard input[type='button']{
    margin-top: 20px;
    background: #158aea;
    height: 30px;
    width: 99px;
    border-radius: 5px;
    color: #FFF;
}
/* css view overtime registrator
******************************/
.overtime fieldset{
    width: 650px;
    font-size: 15px;
}
.overtime{
    font-size: 15px;
    margin: 50px;
}
.overtime h3{
    margin-bottom: 30px;
}
.overtime table{
    /*width: 555px;*/
    height: 255px;
}
.overtime table label{float: left;padding-right: 20px;}
.overtime table input[type='button']{
    background: #158aea;
    height: 30px;
    width: 99px;
    border-radius: 5px;
    color: #FFF;
    /*margin-left: 10px;*/
}
.overtime table input[type='text']{
    width: 200px;
    height: 25px;
    border-radius: 5px;
}
.overtime table textArea{
    width: 365px;
    height: 83px;
    border-radius: 5px;
}
.overtime table img{
    padding-left: 20px;
}
/* css overtime registrator list
****************************************/
.listorvertime{
    margin: 0 auto;
    font-size: 14px;
    padding: 10px;
}
.listorvertime h2{

    /*text-align: center;*/
    /*background: url('../images/bg_title.png') repeat-x;*/
    /*color: #FFF;*/
    /*border: 1px solid;*/
    /*padding: 3px 50px;*/
    /*margin-left: 33%;*/
    margin: 0 auto 30px;

    font-size: 18px;
    border-radius: 5px;
}
.listorvertime .tblsearch{
    border: 1px solid #CCC;
    padding: 10px;
    width: 485px;
    border-radius: 10px;
    margin-bottom: 18px;

}
.listorvertime input[type='button']{
    background: #158aea;
    height: 25px;
    width: 70px;
    border-radius: 5px;
    color: #FFF;

}
.listorvertime .tblsearch input[type='text']{
    width: 170px;
    height: 25px;
    border-radius: 5px;
}
.exp{
    font-weight: bold;
    height: 56px;
    margin-bottom:50px !important;
}
#export1{
    background: #158aea;
    font-size: 10px;
    padding: 3px 16px 3px 16px;
    border-radius: 10px;
    color: #FFF;
}
#export2{
    background: #158aea;
    font-size: 10px;
    padding: 1px 16px 1px 16px;
    border-radius: 10px;
    color: #FFF;
}
#salary{
    text-align: right;
}
.listorvertime #newregis{
    background: #158aea;
    padding:6px 15px;
    color: #FFF;
    margin-top: 18px;
    cursor: pointer;

}
.listorvertime .tbllist{
    border-collapse: collapse;
    text-align: center;
    width: 100%;
    font-size: 13px;
    margin-top: 18px;
    margin-bottom: 30px;
}
.listorvertime .tbllistser{
    border-collapse: collapse;
    text-align: center;
    width: 100%;
    font-size: 13px;
    margin-top: 18px;
    margin-bottom: 30px;
}
.listorvertime .tbllist td{
    padding: 3px;
}
.listorvertime table th{
    background: #CFCFCF url('../images/bg_th.png') repeat-x;
    height: 20px;
}
.listorvertime .tbllist img{
    width: 15px;
    height: 15px;
    margin-left: 5px;
    cursor: pointer;

}
/*  CSS Pagging
********************/
.dvpaging{
    /*margin: 0 auto;*/
    text-align: center;
    width: 225px;
}
.paging{
    text-align: center;
}
.paging li{
    float: left;
    margin-right: 5px;
}
.paging li a{
    text-decoration: none;
    padding: 3px 5px;
    border: 1px solid #CCC;
    background: #CCC;
    border-radius: 10px;
}
.paging li a:hover{
    background: #444;
    color: #FFF;
}
.paging li .active{
    background: #444;
    color: #FFF;
}
.overtime #leave{
    height: 500px;
}
.timecard #txtTime{
    width: 30px;
    /*border-radius: 5px;*/
    text-align: center;
    padding: 3px;
    margin: 1px;
}
#dataerr{
    color: red;
    text-decoration: underline;
}
/*end */
/*--Thanh--*>
/* ---Begin List Time Card */
.requied ,.success, .error{ color: red;}
.export1{
    background: #158aea;
    font-size: 10px;
    padding: 5px 16px 5px 16px;
    border-radius: 10px;
    color: #FFF;

    font-size: 12px;
    font-weight: bold;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 8px rgba(0,0,0,0.2);

    background: -moz-linear-gradient(top, #00b7ea 0%, #009ec3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* IE10+ */
    background: linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 ); /* IE6-9 */
}
.export2{
    padding-top: 3px; 
}
.ui-widget-overlay{background: url("images/ui-bg_flat_0_aaaaaa_40x100.png") repeat-x scroll 50% 150% #AAAAAA !important;}
/*--End Thanh--*/

/* Begin Quyet */
/* ---Begin List Time Card */
.errormessage{
    margin-bottom: 15px;
}
.ui-draggable .ui-dialog-titlebar {
    background: #7FB0D0;
}
i{
    font-size: 10px;
    margin-left: 5px;
}
.useritem{
    color: #3D7AD1;
    text-decoration: underline;
}
.dataerror{
    color: red;
    text-decoration: underline;
}
.table_col {
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;

}
.fl{
    float: left;
}
.fr{
    float: right;
}
.wrapFrmEmploryeSearch,
.m10,
.wrap_salaryCalculation{
    margin: 10px 0;
}
.wrapFrmEmploryeSearch{
    width: 100%;
    padding: 20px 0;
}
.btnsalaryCalculation{
    width: auto !important;
    height: auto !important;
    padding: 5px;
    cursor: pointer;
}
.timelistcard .tbllist{
    width: 742px;
    border: 1px solid #999999;
}
.form_search.listtimecard{
    width: 700px;
}
/* ---END List Time Card */

/* ---Begin Employee list */
.employeeList a{
    text-decoration: none;
    color:#286bcc;
}
.employeeList .table_col_status img{
    width: 15px;
}
.employeeList .list_view_data{
    /*max-width: 960px;*/
}
.employeeList .table_col {
    max-width: 100px;
    word-wrap: break-word;
}
.table_col.table_col_fullName{
    width: 140px;
    max-width: 140px;
}
.employeeList .table_col_dateOfBirth ,
.employeeList .table_col_joinDatee ,
.employeeList .table_col_leaveDate {
    min-width: 70px;
}
/* ---END Employee list */

/* ---Begin Employee add */
#main_content.addEmoloyee{
    padding: 0 12px;
    float: none;
}
.form_add.addEmoloyee{
    margin: 0;
    float: none;
}
#main_content.addEmoloyee .ui-datepicker-trigger,
#main_content.updateSalaryInfo .ui-datepicker-trigger,
#main_content.wrapHoliday .ui-datepicker-trigger{
    float: left;
    margin-left: 5px;
}
.addEmoloyeeBack{
    display: inline-block;
    text-align: center;
    line-height: 25px;

    font-size: 14px;
    font-weight: bold;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 8px rgba(0,0,0,0.2);

    background: -moz-linear-gradient(top, #00b7ea 0%, #009ec3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* IE10+ */
    background: linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 ); /* IE6-9 */
}
#main_content.addEmoloyee .error{
    margin-left: 10px;
    clear: both;
    padding-top: 5px;
}
#main_content.addEmoloyee div.error{
    margin-left: 0;
}
#main_content.addEmoloyee .add_data tr td{
    padding-bottom: 15px;
}
.colLeft,
.colRight{
    float: left;
    width: 360px;
}
.tbl_col_left{
    min-width: 150px;
}
.wrapHoliday,
.wrapSalaryInfo{
    width: 455px;
}
.tbl_email,
.tbl_fullName{
    text-align: left;
}
/* ---END Employee add */

/*BEGIN holiday*/
#main_content.holidaywrap{
    float: none;
}
/*END holiday*/

table.full{
    width: 100%;
}
.table_col.table_col_leaveLeft,
.col_leaveLeft{
    width: 80px;
}
.table_col.table_col_position{
    width: 60px;
}
label.lblEmployeeDate {
    width: 160px;
}
.cmbPosition{
    max-width: 100px;
}
.shipdivi{
    margin: 20px 0 10px 0;
}
label.cola {
    width: 150px;
    display: block;
}
.shiftinfomationlist{
    width: 700px;
}
.shiftinfomationlist .table_col.shiftname{
    width: 300px;
}
/* End Quyet */

/* hunglv */

/* time card */
.contentscroll {
    box-sizing: border-box;
    overflow-x: auto;
    overflow-y: auto;
    margin: 5px;
    max-width: 99%;
    overflow: auto;
    position: relative;
    padding-bottom: 10px;
    padding:5px;
    height:350px;
}
.changwidth{
    min-width: 100px;
}
.contentscroll table th,.contentscroll table td{
    padding:3px 3px;
}
.contentscroll table tr:hover{
    background: #eee;
}
.textinput{
    padding:3px;
    max-width:30px;
    display:inline;
}
.inputtext{
    background:none;
    border:none;
    text-align:center;
}
/* end time card*/
/*Conversion rate*/
#main_content .add_data .ui-datepicker-trigger{
    margin-left: 5px;
    padding: 5px;
}
#main_content.add_data .error {
    clear: both;
    margin-left: 10px;
    padding-top: 5px;
}
/* end conversion rate*/
/*Leave registration*/
.choseButton{
    margin-top: 10px;
}
.choseButton input[type="button"]{
    cursor: pointer;
}
.delete{
    margin: 0px 10px;
    cursor: pointer;
}
.leaveregistration a{
    color: #286bcc;
    text-decoration: none;    
}
.leave-info .table_col {
    max-width: 130px;
    word-wrap: break-word;
}
.leaveregistration .table_col {
    max-width: 130px;
    word-wrap: break-word;
}
.searchemployee .table_col {
    max-width: 130px;
    word-wrap: break-word;
}
/*end leave registration*/
.userlist .table_col {
    max-width: 130px;
    word-wrap: break-word;
}
.userlist .table_col{
    min-width: 60px;
}
.select_option{
    width: 200px;
    border-radius: 4px;    
    padding: 5px;
}
.search{padding-bottom: 24px !important; }
/* end hunglv*/
